.v-enter-active,
.v-leave-active {
  transition: all 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
  width: 0px;
  overflow: hidden;
}

.el-breadcrumb {
  margin-bottom: 20px;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
}

.logo {
  width: 160px
}

.el-menu {
  border-right: none;
}

.common-layout {
  height: 100%;
}


.el-container {
  @extend .common-layout;
}

.aside {
  width: auto;
  background: #555;
}


.el-header {
  background-color: #555;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}


.btn,
.el-icon--right {
  background: none;
  border: none;
  width: 20px;
  color: #fff;
}